import React from "react";
import blue from '@material-ui/core/colors/blue';
import green from '@material-ui/core/colors/green';
import { createMuiTheme, responsiveFontSizes } from '@material-ui/core/styles';
import ReactDOM from 'react-dom';
import GmsApp from './GmsApp';
import './index.css';
// import * as serviceWorker from './serviceWorker';


const theme3 = createMuiTheme({
  palette: {
    primary: {
      // light: 这将从 palette.primary.main 中进行计算，
      main: '#4791db',
      // dark: 这将从 palette.primary.main 中进行计算，
      // contrastText: 这将计算与 palette.primary.main 的对比度
    },
    secondary: {
      light: '#0066ff',
      main: '#0044ff',
      // dark: 这将从 palette.secondary.main 中进行计算，
      contrastText: '#ffffff',
    },
    // 使用 `getContrastText()` 来最大化
    // 背景和文本的对比度
    contrastThreshold: 3,
    // 使用下面的函数用于将颜色的亮度在其调色板中
    // 移动大约两个指数。
    // 例如，从红色 500（Red 500）切换到 红色 300（Red 300）或 红色 700（Red 700）。
    tonalOffset: 0.2,
  },
});

const theme = createMuiTheme({
  palette: {
    primary: {
      main: blue[700],
    },
    secondary: {
      main: green[500],
    },
  },
});

let theme2 = createMuiTheme();
theme2 = responsiveFontSizes(theme2);


ReactDOM.render(    
  <GmsApp />,
  document.getElementById('root')
);

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
// serviceWorker.unregister();
